@charset "utf-8";

/* CSS Document */

html{ -webkit-text-size-adjust:none;}

body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff;}

body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p{margin:0;padding:0; font-family: "微软雅黑"; font-size:12px; font-weight:normal;}

li{list-style-type:none;}

img{ border:none;}

a{ outline:none; cursor:pointer; text-decoration:none; color:#666; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }

a:hover{ text-decoration:none;}

a,area { blr:expression(this.onFocus=this.blur());}

:focus { -moz-outline-style: none;} 

.disno{display:none;}

.disbk{ display:block;}

.distb{ display:table;}

.clear{ clear:both;}

/*-------input--outline--middle---------*/

input,button,select,textarea{ outline:none}

input{ vertical-align:middle; font-family:"微软雅黑";}

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}

table{ border-collapse:collapse; font-family:"微软雅黑";}

@media screen and (-webkit-min-device-pixel-ratio:0){ /* chrome*/.justify:after {content:"."; display: inline-block; width:100%;overflow:hidden;height:0;}}

/*----- clearfix///-----*/

.clearfix{*zoom:1;}

.clearfix:before,.clearfix:after{display:table; content:'';line-height:0;}

.clearfix:after{clear:both;}

/*文字两侧对齐*/

.justify {text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}

/*超出省略号*/ 

.toe{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/******************************************************************common/////**********************************************************************/

.header-pc{ width:100%; height:45px; position:absolute; left:0; top:15px; padding:15px 0; display:table; z-index:99;}

.header-pc .logo{ float:left; width:178px; height:45px; margin-left:60px;}

.header-pc .nav-pc{ float:right; width:332px; margin-top:15px; margin-right:80px;}

.header-pc .nav-pc .nav-top{ width:117%; display:table; position:relative;/* height:25px;*/}

.header-pc .nav-pc .item{ float:left; width:32px; height:14px; margin-right:32px;  text-align:center; line-height:14px; overflow:hidden;}

.header-pc .nav-pc .item a{ display:block; width:100%; height:14px; font-size:14px; color:#fff; position:relative; overflow:hidden;}

.header-pc .nav-pc .item a span{ display:block; width:100%;}

.header-pc .nav-pc .item a .n1{ position:absolute; left:0; top:0;}

.header-pc .nav-pc .item a .n2{ position:absolute; left:0; top:13px;}

/*.header-pc .nav-pc .nav-top .item-line{ position:absolute; height:2px; background-color:#fff; bottom:0px; z-index:8000; right:0px; 

transition: all .5s; -webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;　}*/



.header-moblie{ width:100%; height:45px; position:absolute; left:0; top:-150%; padding:15px 0; z-index:99;}

.header-moblie2{ top:20px;}

/*.header-moblie2 .nav-moblie{ display:none;}*/

.header-moblie2 .logo .logo2{ display:none;}

.header-moblie .logo{ float:left; width:178px; height:45px; margin-left:60px; position:absolute;}

.header-moblie .logo .logo1{ position:absolute; left:0; top:0; z-index:1;}

.header-moblie .logo .logo2{ position:absolute; left:0; top:0; z-index:2; 

    opacity:0;

	-webkit-opacity:0;

	-moz-opacity:0;

	filter:alpha(opacity=0);

}

.header-moblie .logo .logo2.log{ position:absolute; left:0; top:0; z-index:2; 

    opacity:1;

	-webkit-opacity:1;

	-moz-opacity:1;

	filter:alpha(opacity=100);

}

.nav-moblie {

	float: right;

	width: 34px;

	height:34px;

	margin-top: 14px;

	margin-right:60px;

	position: relative;

	cursor: pointer;

	display: table;

	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.nav-moblie.selected {

	transform: rotate(90deg);

}

.nav-moblie a {

	background-color: #fff;

	display: block;

	height: 4px;

	margin-top: 16px;

	position: relative;

	top: 50%;

	width: 100%;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.nav-moblie:hover a:before {

	transform: translateY(-2px) rotate(0deg);

	-webkit-transform: translateY(-2px) rotate(0deg);

	-ms-transform: translateY(-2px) rotate(0deg);

}

.nav-moblie:hover a:after {

	transform: translateY(2px) rotate(0deg);

	-webkit-transform: translateY(2px) rotate(0deg);

	-ms-transform: translateY(2px) rotate(0deg);

}

.nav-moblie.selected:hover a:before {

	transform: translateY(0px) rotate(-55deg);

	-webkit-transform: translateY(0px) rotate(-55deg);

	-ms-transform: translateY(0px) rotate(-55deg);

}

.nav-moblie.selected:hover a:after {

	transform: translateY(0px) rotate(55deg);

	-webkit-transform: translateY(0px) rotate(55deg);

	-ms-transform: translateY(0px) rotate(55deg);

}

.nav-moblie a:after,

.nav-moblie a:before {

	background-color: #fff;

	display: block;

	height: 4px;

	left: 0;

	position: absolute;

	width: 100%;

	content:'';

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.nav-moblie a:after { top: 10px;}

.nav-moblie a:before { top: -10px;}

.nav-moblie.selected a:after, 

.nav-moblie.selected a:before { top: 0;}

.nav-moblie.selected a:before {

	background-color: #fff;

	transform: translateY(0px) rotate(-45deg);

	-webkit-transform: translateY(0px) rotate(-45deg);

	-ms-transform: translateY(0px) rotate(-45deg);

}

.nav-moblie.selected a:after {

	background-color: #fff;

	transform: translateY(0px) rotate(45deg);

	-webkit-transform: translateY(0px) rotate(45deg);

	-ms-transform: translateY(0px) rotate(45deg);

}

.nav-moblie.selected a {background-color: transparent !important;}

.nav-moblie a.act{ background-color:#5B5B5B;}

.nav-moblie a.act:after,

.nav-moblie a.act:before{ background-color:#5B5B5B;}



.nav-baring{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; visibility:hidden;}

.nav-baring .nav-bg{ position:absolute; left:0; top:0; width:100%; height:100%;}

.nav-baring .nav-bg span{ float:left; width:20%; height:100%;}

.nav-baring .nav-bg span font{ display:block; width:0%; height:100%; ; background-color:#57BBE1;

	transition:all .5s ease-in-out 0s;

	-webkit-transition:all .5s ease-in-out 0s;

	-moz-transition:all .5s ease-in-out 0s;

	-ms-transition:all .5s ease-in-out 0s;

}

.nav-baring.disk{ visibility:visible;}

.nav-baring .nav-bg.bgg span font{ width:100%;}

.nav-home{ width:100%; height:46%; text-align:center; position:absolute; left:0; top:50%; margin-top:-23%\9;

	 transform: translateY(-50%);

	 -webkit-transform: translateY(-50%);

	 -moz-transform: translateY(-50%);

	 -ms-transform: translateY(-50%);

}

.nav-home li{ 

    opacity:0;

	-webkit-opacity:0;

	-moz-opacity:0;

	filter:alpha(opacity=0);

    margin-top:10px;

	transform:translateY(30px);

	-webkit-transform:translateY(30px);

	-moz-transform:translateY(30px);

	-ms-transform:translateY(30px);

}

.nav-home li a{ font-size:45px; color:#fff; font-weight:bold;}

.nav-home.opt li{

	opacity:1;

	-webkit-opacity:1;

	-moz-opacity:1;

	filter:alpha(opacity=100);

	transform:translateY(0px);

	-webkit-transform:translateY(0px);

	-moz-transform:translateY(0px);

	-ms-transform:translateY(0px);

}

.nav-home.opt li.sp1{

	transition: all .5s linear .4s;

	-webkit-transition: all .5s linear .4s;

	-moz-transition: all .5s linear .4s;

	-ms-transition: all .5s linear .4s;

}

.nav-home.opt li.sp2{

	transition: all .5s linear .6s;

	-webkit-transition: all .5s linear .6s;

	-moz-transition: all .5s linear .6s;

	-ms-transition: all .5s linear .6s;

}

.nav-home.opt li.sp3{

	transition: all .5s linear .8s;

	-webkit-transition: all .5s linear .8s;

	-moz-transition: all .5s linear .8s;

	-ms-transition: all .5s linear .8s;

}

.nav-home.opt li.sp4{

	transition: all .5s linear 1s;

	-webkit-transition: all .5s linear 1s;

	-moz-transition: all .5s linear 1s;

	-ms-transition: all .5s linear 1s;

}

.nav-home.opt li.sp5{

	transition: all .5s linear 1.2s;

	-webkit-transition: all .5s linear 1.2s;

	-moz-transition: all .5s linear 1.2s;

	-ms-transition: all .5s linear 1.2s;

}

.nav-home.opt li.sp6{

	transition: all .5s linear 1.4s;

	-webkit-transition: all .5s linear 1.4s;

	-moz-transition: all .5s linear 1.4s;

	-ms-transition: all .5s linear 1.4s;

}

.footer{ position:absolute; left:50%; margin-left:-45%; bottom:0; width:90%; padding:25px 0;  border-top:1px solid #fff;}

.footer .wrapper{ width:100%; display:table;}

.footer .wrapper dt{ float:left; margin-right:20px;}

.footer .wrapper dt a{ color:#fff;}

.footer .wrapper dt a img{ margin:0 10px;}

.footer .wrapper dd{ float:left; margin:0 20px 10px;}

.footer .wrapper dd a{ color:#fff;}

.footer .wrapper dd a:hover{ text-decoration:underline;}



.sidebar{ position: fixed; right: 0; top: 50%; margin-top: -80px; width: 55px; background: rgba(0,0,0,0.3); padding: 12px 0 0 0; border-radius:8px 0 0 8px; z-index:9999;}

.sidebar li{ height: 50px; width: 160px; padding-left: 17px; border-radius:8px 0 0 8px;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.sidebar li img{ display: block;}

.sidebar li:hover{ margin-left: -105px; background: rgba(0,0,0,0.6); }



#ie7tips{ width:100%; height:100%;background-color:#6ABDDA; z-index:999; position:relative; display:none;}

#ie7tips p{ width:100%; height:50px; text-align:center;  line-height:50px;color:#DD4E42; font-size:18px; position:absolute; left:0; top:50%; margin-top:-25px;}



html.ackj{ overflow:hidden;}